<template>
  <div>
    <div class="content">
      <div class="local">
        <a href="">首页</a>
        &gt;
        <span>国内游</span><br />
      </div>
      <li class="active">
        <span class="active1">全部产品</span>
      </li>
    </div>
    <div class="searchMain">
      <div class="selectList clearfix">
        <dl class="selectItem clearfix default" dd-index="1">
          <dt>
            <i class="iconfont icon-remenwanfa"></i><span>热门玩法：</span>
          </dt>
          <dd>
            <div id="app">
              <template>
                <div style="margin: 8px 0"></div>
                <el-checkbox-group
                  v-model="checkedCities"
                  @change="handleCheckedCitiesChange"
                >
                  <el-checkbox
                    v-for="city in cities"
                    :label="city"
                    :key="city"
                    >{{ city }}</el-checkbox
                  >
                </el-checkbox-group>
              </template>
            </div>
          </dd>
        </dl>
      </div>

      <div>
        <dl class="selectItem clearfix default" dd-index="2">
          <dt>
            <i class="iconfont icon-hangchengtianshu"></i
            ><span>行程天数：</span>
          </dt>
          <dd>
            <div id="app1">
              <template>
                <div style="margin: 8px 0"></div>
                <el-checkbox-group
                  v-model="checkedCities"
                  @change="handleCheckedCitiesChange"
                >
                  <el-checkbox
                    v-for="city in cities"
                    :label="city"
                    :key="city"
                    >{{ city }}</el-checkbox
                  >
                </el-checkbox-group>
              </template>
            </div>
          </dd>
        </dl>
      </div>

      <div>
        <dl class="selectItem clearfix default" dd-index="2">
          <dt>
            <i class="iconfont icon-hangchengtianshu"></i
            ><span>出发日期：</span>
          </dt>
          <dd>
            <div id="app11">
              <template>
                <div style="margin: 8px 0"></div>
                <el-checkbox-group
                  v-model="checkedCities"
                  @change="handleCheckedCitiesChange"
                >
                  <el-checkbox
                    v-for="city in cities"
                    :label="city"
                    :key="city"
                    >{{ city }}</el-checkbox
                  >
                </el-checkbox-group>
              </template>
            </div>
          </dd>
          <div id="appad">
            <template>
              <div class="block">
                <span class="demonstration"></span>
                <el-date-picker
                  v-model="value1"
                  type="datetime"
                  placeholder="选择日期时间"
                >
                </el-date-picker>
              </div>
            </template>
          </div>
        </dl>
      </div>

      <div>
        <dl class="selectItem clearfix default date-time" dd-index="3">
          <dt>
            <i class="iconfont icon-chufariqi"></i><span>出发城市：</span>
          </dt>
          <dd>
            <div id="app10">
              <template>
                <div style="margin: 8px 0"></div>
                <el-checkbox-group
                  v-model="checkedCities"
                  @change="handleCheckedCitiesChange"
                >
                  <el-checkbox
                    v-for="city in cities"
                    :label="city"
                    :key="city"
                    >{{ city }}</el-checkbox
                  >
                </el-checkbox-group>
              </template>
            </div>
          </dd>
        </dl>
      </div>
    </div>
    <div id="appa">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="默认" name="first">
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 四川4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>

          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 四川4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>

          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 四川4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 四川4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 四川4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 四川4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
        </el-tab-pane>
        <el-tab-pane label="销量" name="second">
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 上海4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>100005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>

          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 上海4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>100005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>

          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 上海4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>100005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>

          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 上海4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>100005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>

          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 上海4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>100005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>

          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 上海4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>100005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
        </el-tab-pane>
        <el-tab-pane label="价格" name="third">
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 天津4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 天津4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 天津4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 天津4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 天津4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 天津4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>1000005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
        </el-tab-pane>
        <el-tab-pane label="众信自营" name="fourth">
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 广西4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>10600005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 广西4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>10600005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 广西4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>10600005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 广西4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>10600005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 广西4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>10600005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>

          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 广西4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>10600005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
        </el-tab-pane>
        <el-tab-pane label="只看优惠" name="fourt">
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 山东4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>700005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 山东4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>700005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>

          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 山东4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>700005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 山东4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>700005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 山东4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>700005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
          <div class="main_left1">
            <a href="/" target="_blank">
              <div class="imageWarp">
                <img
                  class="left lazy"
                  data-original="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  src="https://img3.uzaicdn.com/ba/sightGallery/ATT0001373320.jpg?imageView2/2/w/344/h/258/format/jpg/interlace/1"
                  style="display: block"
                />
              </div>
              <div class="main_left1_r">
                <div class="main_left1_rl">
                  <h2
                    title="<爱尚沂蒙 红色之旅 山东4日>建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服 为您提供服务"
                  >
                    <b>&lt;爱尚沂蒙 红色之旅 山东4日&gt;</b
                    ><b
                      ><span
                        >建党百年畅销红色之旅，您对本产品感兴趣请联系在线咨询客服
                        为您提供服务</span
                      ></b
                    >
                  </h2>
                  <div class="place_departure">
                    <i class="iconfont icon-zuobiao"></i>
                    <span class="red">北京出发</span>
                    <em> | </em>
                    <span class="blue">众信自营</span>
                  </div>
                  <div class="departure_date">
                    出发日期：<span title="07/01">07/01</span>
                  </div>
                </div>
                <div class="main_left1_rr_tab">
                  <div class="price">¥<b>700005</b><span>起</span></div>
                </div>
              </div>
            </a>
          </div>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script src="//unpkg.com/vue@2/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.15.8/lib/index.js"></script>
<script>
const cityOptions = [
  "国内游",
  "建党百年",
  "海南",
  "四川",
  "重庆",
  "贵州",
  "山东",
  "河南",
  "吉林",
  "陕西",
];
var Main = {
  data() {
    return {
      checkAll: false,
      checkedCities: ["国内游"],
      cities: cityOptions,
      isIndeterminate: true,
    };
  },
  methods: {
    handleCheckAllChange(val) {
      this.checkedCities = val ? cityOptions : [];
      this.isIndeterminate = false;
    },
    handleCheckedCitiesChange(value) {
      let checkedCount = value.length;
      this.checkAll = checkedCount === this.cities.length;
      this.isIndeterminate =
        checkedCount > 0 && checkedCount < this.cities.length;
    },
  },
};
var Ctor = Vue.extend(Main);
new Ctor().$mount("#app");
</script>
<script>
const cityOptions1 = ["2天", "4", "5天", "6天", "8天"];
var Main = {
  data() {
    return {
      checkAll: false,
      checkedCities: ["2天"],
      cities: cityOptions1,
      isIndeterminate: true,
    };
  },
  methods: {
    handleCheckAllChange(val) {
      this.checkedCities = val ? cityOptions1 : [];
      this.isIndeterminate = false;
    },
    handleCheckedCitiesChange(value) {
      let checkedCount = value.length;
      this.checkAll = checkedCount === this.cities.length;
      this.isIndeterminate =
        checkedCount > 0 && checkedCount < this.cities.length;
    },
  },
};
var Ctor = Vue.extend(Main);
new Ctor().$mount("#app1");
</script>

<script>
const cityOptions11 = [
  "9月",
  "11月",
  "12月",
  "14月",
  "2023年1月",
  "2023年2月",
  "2023年4月",
];
var Main = {
  data() {
    return {
      checkAll: false,
      checkedCities: ["9月"],
      cities: cityOptions11,
      isIndeterminate: true,
    };
  },
  methods: {
    handleCheckAllChange(val) {
      this.checkedCities = val ? cityOptions11 : [];
      this.isIndeterminate = false;
    },
    handleCheckedCitiesChange(value) {
      let checkedCount = value.length;
      this.checkAll = checkedCount === this.cities.length;
      this.isIndeterminate =
        checkedCount > 0 && checkedCount < this.cities.length;
    },
  },
};
var Ctor = Vue.extend(Main);
new Ctor().$mount("#app11");
</script>
<script>
const cityOptions10 = ["北京", "郑州", "呼兰浩特", "西安"];
var Main = {
  data() {
    return {
      checkAll: false,
      checkedCities: ["北京"],
      cities: cityOptions10,
      isIndeterminate: true,
    };
  },
  methods: {
    handleCheckAllChange(val) {
      this.checkedCities = val ? cityOptions10 : [];
      this.isIndeterminate = false;
    },
    handleCheckedCitiesChange(value) {
      let checkedCount = value.length;
      this.checkAll = checkedCount === this.cities.length;
      this.isIndeterminate =
        checkedCount > 0 && checkedCount < this.cities.length;
    },
  },
};
var Ctor = Vue.extend(Main);
new Ctor().$mount("#app10");
</script>
<script>
var Main = {
  data() {
    return {
      activeName: "first",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
var Ctor = Vue.extend(Main);
new Ctor().$mount("#appa");
</script>
<script>
var Main = {
  data() {
    return {
      pickerOptions: {
        shortcuts: [
          {
            text: "今天",
            onClick(picker) {
              picker.$emit("pick", new Date());
            },
          },
          {
            text: "昨天",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24);
              picker.$emit("pick", date);
            },
          },
          {
            text: "一周前",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", date);
            },
          },
        ],
      },
      value1: "",
      value2: "",
      value3: "",
    };
  },
};
var Ctor = Vue.extend(Main);
new Ctor().$mount("#appad");
</script>

<style lang="scss" scoped>
@import url("//unpkg.com/element-ui@2.15.8/lib/theme-chalk/index.css");
.content {
  width: 1140px;
  background-color: #f8f8f8;
}
.local {
  line-height: 34px;
  font-size: 12px;
  color: chocolate;
}
.local a {
  color: #000;
}
a {
  text-decoration: none;
  color: #000;
}
.clear,
.clearfix {
  clear: both;
}
li {
  width: 66px;
  height: 26px;
  padding: 0px 0px 0px 0px;
  margin-bottom: 0px;
  color: chocolate;
  margin-bottom: 10px;
}
.active li {
  float: left;
  margin-right: 16px;
  padding: 0 15px;
  line-height: 27px;
  color: #000;
  font-size: 14px;
  cursor: pointer;
}
li {
  list-style: none;
}
.searchMain {
  font-size: 14px;
  border: 1px dotted #facddc;
  height: 190px;
  padding: 15px 20px;
  padding-bottom: 0;
  border-radius: 0 5px 5px;
}
.selectList {
  position: relative;
}
.clear,
.clearfix {
  clear: both;
}
div {
  display: block;
}
.clear,
.clearfix {
  clear: both;
}
.selectItem dt {
  width: 110px;
  height: 36px;
  line-height: 36px;
  color: gray;
}
.selectItem dd,
.selectItem dt {
  float: left;
  height: 36px;
}
.selectItem dt i {
  padding-right: 6px;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
em,
i {
  font-style: normal;
}
.self_support i {
  font-size: 13px;
  margin-left: 2px;
}
.el-tabs__nav-wrap {
  height: 40px;
  width: 1014px;
  background: #f8f8f8;
  padding-left: 26px;
  margin: 24px 24px 0 0;
}
.main_left1 a {
  clear: both;
}
a {
  text-decoration: none;
  color: #000;
}
.main_left1 {
  border: 0 solid;
  background-color: #f8f8f8;
  height: 40;
  width: 1000px;
}
.main_left1 .imageWarp {
  width: 172px;
  height: 127px;
  overflow: hidden;
  float: left;
  margin-top: 15px;
  margin-right: 10px;
  border-radius: 6px;
}
element.style {
  display: block;
}
.main_left1 img.left {
  float: left;
  width: 172px;
}
.fl,
.left {
  float: left;
}
.main_left1:hover .main_left1_r,
.main_left1:hover + .main_left1 .main_left1_r,
.main_left1:nth-of-type(1) .main_left1_r {
  border-top: 1px dashed #fff;
}
.main_left1_r {
  float: left;
  padding: 10px 0;
  padding-left: 10px;
  width: 710px;
  border-top: 1px dashed #fbe0e9;
}
.main_left1_rl {
  float: left;
  width: 520px;
}
.main_left1_rl h2 {
  max-height: 46px;
  font-size: 17px;
  line-height: 24px;
  min-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #333;
}
.main_left1_rl h2 span {
  font-size: 16px;
  color: #666;
}
.place_departure {
  margin-top: 12px;
  color: #005bb4;
  font-size: 12px;
  line-height: 20px;
}
.place_departure i {
  color: #fbb957;
  vertical-align: -2px;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
em,
i {
  font-style: normal;
}
.place_departure .red {
  color: chocolate;
}
.place_departure em {
  font-style: normal;
  color: #999;
  padding: 0 2px;
}
em,
i {
  font-style: normal;
}
.departure_date {
  margin-top: 6px;
  color: #666;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 14px;
}
.main_left1_rr_tab {
  display: table-cell;
  height: 140px;
  vertical-align: middle;
  width: 200px;
  text-align: center;
}
.main_left1_rr_tab .price {
  color: chocolate;
  font-size: 14px;
}
.main_left1_rr_tab .price b {
  font-size: 26px;
  font-weight: 700;
}
.main_left1_rr_tab .price span {
  color: chocolate;
}
.el-tabs__item.is-active {
  color: chocolate;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: chocolate;
  border-color: chocolate;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: chocolate;
}
.el-tabs {
  width: 1140px;
  background-color: #f8f8f8;
}
</style>
<style lang=""></style>
